﻿<!DOCTYPE html>
<html>
<head>
  <!--[if lt IE 9]>
  <script type="text/javascript" src="js/html5.js"></script>
  <![endif]-->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no" />
  <title>家政保姆类模板_联系我们</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <link rel="stylesheet" type="text/css" href="css/animate.min.css">
  <link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
  <link rel="stylesheet" type="text/css" href="css/global.css">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <script type="text/javascript" src="js/owl.carousel.js"></script>
  <script type="text/javascript" src="js/wow.js"></script>
  <script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<!-------------------------------------- 头部开始 -------------------------------------->
<div class="header">

  <div class="logo"><a href="index.html"><img src="picture/logo.png"/></a></div>

  <div class="wrap">
    <div class="menu">
      <ul>
        <li><a href="index.html">网站首页</a></li>

        <li><a href="about.html">关于我们</a></li>

        <li><a href="server.html">服务项目</a></li>

        <li><a href="case.html">案例展示</a></li>

        <li><a href="news.html">新闻动态</a></li>

        <li><a href="team.html">服务团队</a></li>

        <li><a href="contact.html">联系我们</a></li>

      </ul>
    </div>
    <div class="menu_wrap"></div>
    <div class="clear"></div>
  </div>

  <div class="head_icon">
    <span class="tel">
    <label>电话 | 4008-990-990</label>
    </span>

  </div>

</div>
 
<!-------------------------------------- 头部结束 --------------------------------------> 
<!-------------------------------------- 内容开始 -------------------------------------->
<div class="mainer">
  <div class="banner_page">
    <div class="banner">
      <div class="item">
        <div class="img1"><img src="picture/banner1.jpg"/></div>
      </div>
    </div>
  </div>
  <div class="page_list">
    <div class="wrap">
      <div class="page contact">
        <div class="page_tit">
          <h3 class="wow fadeInUp" data-wow-delay=".1s">联系我们</h3>
        </div>
        <div class="box">
          <div class="item flt wow fadeInUp" data-wow-delay=".1s">
            <h3>地图位置</h3>
            <div class="map"><img src="picture/map.png"/></div>
            <h3>联系方式</h3>
            <div class="txt">
              <ul>
                <li>联系电话：
                  <p>4008-990-990 </p>
                </li>
                <li>公司邮箱：
                  <p>bainahr@bainaonline.cn</p>
                </li>
                <li>公司地址：
                  <p>福建省福州市鼓楼区洪山园路68号招标大厦C座5楼</p>
                </li>
                <li>工作时间：
                  <p>08:30-18:00</p>
                </li>
              </ul>
            </div>
          </div>
          <div class="item frt wow fadeInUp" data-wow-delay=".1s">
            <h3>用户留言</h3>
            <form action="" enctype="multipart/form-data" method="post" onsubmit="return checkForm();">
              <input type="hidden" name="action" value="post" />
              <input type="hidden" name="diyid" value="1" />
              <input type="hidden" name="do" value="2" />
              <div class="list">
                <ul>
                  <li class="li1">
                    <div class="div_input">
                      <input type="text" placeholder="您的称呼" name="name" id="name"/>
                    </div>
                  </li>
                  <li class="li1">
                    <div class="div_input">
                      <input type="text" placeholder="您的电话" name="tel" id="tel"/>
                    </div>
                  </li>
                  <li>
                    <div class="div_input">
                      <input type="text" placeholder="您的邮箱" name="email"/>
                    </div>
                  </li>
                  <li>
                    <div class="div_input">
                      <textarea placeholder="写下您的需求和建议" name="content"></textarea>
                    </div>
                  </li>
                  <input type="hidden" name="dede_fields" value="name,text;tel,text;email,text;content,text" />
                  <input type="hidden" name="dede_fieldshash" value="46e46c32a20cb5a90017764f10ec11be" />
                  <li>
                    <div class="tips">欢迎给我们留言，我们会尽快在24小时内受理您的问题</div>
                    <div class="btn btn2"><a href="javascript:void(0);" onclick="$('form').submit()">提交留言</a></div>
                  </li>
                </ul>
              </div>
            </form>
            <script data-cfasync="false" src="js/email-decode.min.js"></script><script type="text/javascript">
            function checkForm()
            {
              if(document.getElementById('name').value.length == 0)
              {
                alert('姓名不能为空！');
                return false;
              }
              if(document.getElementById('tel').value.length == 0)
              {
                alert('电话不能为空！');
                return false;
              }
              
              return true;
            }
          </script> 
          </div>
          <div class="clear"></div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-------------------------------------- 内容结束 -------------------------------------->

<!-------------------------------------- 尾部开始 -------------------------------------->
<div class="footer">
  <div class="foot">
    <div class="wrap">
      <div class="f_nav flt">
        <ul>
          <li class="on"><a href="index.html">网站首页</a></li>

          <li class="in"> <a href="about.html"><span>关于我们</span></a> </li>

          <li class="in"> <a href="server.html"><span>服务项目</span></a> </li>

          <li class="in"> <a href="case.html"><span>案例展示</span></a> </li>

          <li class="in"> <a href="news.html"><span>新闻动态</span></a> </li>

          <li class="in"> <a href="team.html"><span>服务团队</span></a> </li>

          <li class="in"> <a href="contact.html"><span>联系我们</span></a> </li>

        </ul>
      </div>
      <div class="ewm frt"> <img src="picture/ewm.jpg"/> </div>
      <div class="clear"></div>
    </div>
  </div>
  <div class="wrap">
    <p>Copyright &copy; 2020 福建百纳在线网络技术有限公司 版权所有 备案号：<a href="http://www.beian.miit.gov.cn/">闽ICP备xxxxxxxx号</a></p>
  </div>
</div>
<!-------------------------------------- 尾部结束 -------------------------------------->

<!------------------------------pc端侧边悬浮------------------------------>
<div class="full">
  <ul>
    <li><a href="https://wpa.qq.com/msgrd?v=3&uin=88888888&site=qq&menu=yes"><span class="span1"></span>
      <label>在线QQ</label>
    </a></li>
    <li><a href="javascript:void(0)"><span class="span2"></span>
      <label>4008-990-990</label>
    </a></li>
    <li><a href="javascript:void(0)"><span class="span3"></span>
      <label class="lbl_img"><img src="picture/ewm.jpg"/></label>
    </a></li>
    <li><a href="javascript:void(0)" class="gotop" onclick="$('html,body').stop().animate({scrollTop:0},800)"><span class="span4"></span></a></li>
  </ul>
</div>
<!------------------------------pc端侧边悬浮结束 -------------------------->


<!-----------------------------wap端底部悬浮------------------------------>
<div class="xf_bottom dis_none">

  <a href="tel:4008-990-990" class="xf_icon1"><i></i>
    <p>电话</p></a>
  <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes" class="xf_icon2"><i></i>
    <p>咨询</p></a>

  <a href="contact.html" class="xf_icon3">
    <i></i>
    <p>留言</p>
  </a>
  <a href="" class="xf_icon4" id="top_btn_ft">
    <i></i>
    <p>顶部</p>
  </a>
</div>
<script>$(function(){
  $("#top_btn_ft").click(function(){
    if(scroll=="off") return false;
    $("html,body").animate({ scrollTop: 0}, 600);
    return false;
  });
});
</script>
<!-----------------------------wap端底部悬浮结束------------------------------>

<script type="text/javascript"  src="js/su_new.js"></script>
</body>
</html>